@charset "utf-8";

/* 清除内外边距 */
body, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, fieldset, lengend, button, input, textarea, th, td {
	margin: 0;
	padding: 0;
}

h1{
	margin: 0;
	padding: 0;
	font-size: 24px;
	color: #1754a3;
    line-height: 1;
}

@media (max-width: 768px) {
h1{
	margin: 0;
	padding: 0;
	font-size: 16px;
	color: #1754a3;
    line-height: 1;
}
}

/* 设置默认字体 */ 
body, button, input, select, textarea {
	font-family: "微软雅黑", "宋体", "Arial";
	font-size: 100%;
	outline: none;
}
/* 列表元素 */ 
ul, ol, li {
	list-style: none;
}
img {
	border: none;
	vertical-align: middle;
}
.img-responsive {
	width: 100%;
	height: auto
}  /*自适应图片*/
/* a标签 */ 
a {
	text-decoration: none;
	color: #585858;
	-webkit-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out;
}
a:hover {
	text-decoration: none;
}

.container a{color: #fff;}

.pagess a {
	text-decoration: none;
	color: #8400ef;
	-webkit-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out;
}

.det-con a {
	text-decoration: none;
	color: #585858;
	font-size: 14px;
	-webkit-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out;
}

.det-con a:hover {
	color: #1754a3;
}

/* 定义浮动居中 */ 
.fl {
	float: left;
	display: inline
}
.fr {
	float: right;
	display: inline
}
.center {
	margin: 0 auto;
}
.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
}
.clearfix:after, .clearfix:before {
	content: "";
	display: table
}
.clearfix:after {
	clear: both
}
.clearfix {
	zoom: 1
}
/*重复container标签*/
.container {
	position: relative;
	width: 90%;/*85*/
	margin: 0 auto;
}
.container2 {
	position: relative;
	width: 1200px;
	margin: 0 auto;
}
/*header*/

.header {
	position: relative;
	height: 110px;
	background: #fff;
}
.header-logo {
	height: 110px;
	display: table;
}
.header-logo a {
	display: table-cell;
	vertical-align: middle;
}
.header-menu, .header-share {
	margin-top: 55px;
}
.header-menu > ul >li {
	float: left;
	margin: 0 5px;/*20*/
	position: relative;
}
.header-menu > ul >li > a {
	color: #464646;
	font-size: 16px;
	display: block;
	height: 100%;/*导航间隔*/
	padding: 0 40px;/*20导航间隔*/
	/*height: 35px;*/
	line-height: 35px;
	-webkit-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out;
	position: relative;
	z-index: 2;
	cursor: pointer;
}
.sub-menu-ul {
	position: absolute;
	width: 100%;
	text-align: center;
	overflow: hidden;
	display: none;
	z-index: 999;
}
.header-menu > ul >li:hover >a {
	color: #fff;
}
.header-menu > ul >li >a::after {
	content: "";
	width: 0%;
	height: 100%;
	background: #1754a3;
	display: block;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	bottom: 0;
	z-index: -1;
	-webkit-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out;
}
.header-menu > ul >li:hover a::after {
	width: 100%;
}
.header-menu > ul > li.only-child a::after, .header-menu > ul > li.cur a::after {
	content: "";
	position: absolute;
	display: block;
	width: 0%;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	bottom: 0;
	height: 2px;
	background: #1754a3;
	-webkit-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out;
}
.header-menu > ul > li.only-child:hover a {
	background: transparent;
	color: #1754a3;
}
.header-menu > ul > li.only-child:hover a::after, .header-menu > ul > li.cur a::after {
	width: 100%;
}
.sub-menu-ul >li {
	height: 35px;
	line-height: 35px;
	background: #1754a3;
	text-align: center;
	font-size: 14px;
	border-top: 1px solid #084199;
	border-bottom: 1px solid #116bc9;
	-webkit-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out;
	overflow: hidden;/*文字溢出*/
}
.sub-menu-ul >li:last-child {
	border-bottom: none;
}
.sub-menu-ul >li a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff
}
.sub-menu-ul >li:hover, .header-menu > ul > li.cur:hover {
	background: #266bc4;
}
/*header-search*/
.header-share ul li {
	float: left;
	width: 28px;
	height: 29px;
	margin-right: 7px;
	background: url(../img/icon1.png) no-repeat;
	-webkit-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out;
	position: relative;
}
.header-share ul li:hover {
	background: url(../img/icon2.png) no-repeat;
}
.header-share ul li a {
	display: block;
	width: 100%;
	height: 100%;
}
.header-share ul li:last-child {
	margin-right: 0;
}
.header-share ul li:first-child {
	background-position: 0 0;
}
.header-share ul li:first-child+li {
	background-position: -35px 0;
}
.header-share ul li:first-child+li+li {
	background-position: -70px 0;
}
.header-share ul li:first-child+li+li+li {
	background-position: -105px 0;
}
.search {
	position: absolute;
	width: 0px;
	height: 29px;
	line-height: 29px;
	border: 1px solid #dcdcdc;
	border-width: 0;
	left: 35px;
	top: 0;
	-webkit-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-size: 0;
	background: #fff;
	z-index: 2;
	overflow: hidden;
}
.search-ipt {
	width: 120px;
	padding-left: 10px;
	border: none;
	height: 27px;
	line-height: 27px;
	font-size: 12px;
	display: inline-block;
	background: #fff;
	vertical-align: top;
}
.search-submit {
	width: 27px;
	height: 27px;
	border: none;
	display: inline-block;
	background: url(../img/search.png) no-repeat center;
	background-color: #666;
	vertical-align: top;
	-webkit-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out;
	cursor: pointer;
}
.search-submit:hover {
	background-color: #333;
}
/*sec-tit*/
.sec-tit {
	text-align: center;
}

.sec-tit2 {
	text-align: center;
	padding:40px 0 40px;
}

.tit-zh {
	font-size: 30px;
	color: #373737;
	line-height: 1;
}
.tit-line {
	width: 55px;
	height: 3px;
	background: #cfcece;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 12px;
}
.tit-en {
	font-size: 16px;
	color: #bebebe;
	line-height: 1;
	text-transform: uppercase;
}
/*footer*/
.footer {
	/*margin-top: 1.858%;*/
	padding-top: 1.73%;/*4.73%;*/
	background: #f5f5f5;
}
.footer-div.footer-div1 {
	/*width: 18.575%;*/
}
.footer-logo {
	width: 85.3333%;
	margin-bottom: 11.6667%;
}
.conpany-name {
	font-size: 14px;
	color: #2b2b2b;
	line-height: 1;
	margin-bottom: 5px;
}
.company-info p, .company-info a {
	font-size: 12px;
	color: #545454;
	line-height: 24px;
	-webkit-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out;
}
.company-info a:hover {
	color: #1754a3;
}
.footer-div.footer-div2 {
	width: 135px;
	margin-left: 3.4%;
}
.code-txt {
	font-size: 14px;
	color: #747474;
	text-align: center;
	line-height: 1;
	margin-top: 8px;
}
.footer-div.footer-div3 {
	width: 65.2%;/*width: 45.2%;*/
}
.footer-menu ul li {
	float: left;
	width: 16.66667%;
	text-align: center;
	color: #515151;
	font-size: 16px;
	background: url(../img/border-line.png) no-repeat right top;
	background-size: auto 100%;
	position: relative;
}
.footer-menu ul li:first-child::after {
	content: "";
	position: absolute;
	width: 2px;
	height: 100%;
	display: block;
	left: 0;
	top: 0;
	background: url(../img/border-line.png) no-repeat right top;
	background-size: auto 100%;
}
.footer-menu ul li dt {
	margin-bottom: 15px;
	line-height: 1;
}
.footer-menu ul li dt a {
	color: #515151;
}
.footer-menu ul li dd a {
	font-size: 12px;
	color: #707070;
	line-height: 24px;
}
.footer-menu ul li dd a:hover, .partner-list span a:hover {
	color: #1754a3
}
.partner {
	margin-top: 4.109%;
}
.partner .partner-tit {
	margin-bottom: 2.74%;
	font-size: 16px;
	color: #515151;
}
.partner-list span a {
	font-size: 12px;
	color: #707070;
	padding-right: 20px;
	line-height: 24px;
}
.footer-bottom {
	background: #1754a3;
	width: 100%;
	height: 45px;
	line-height: 45px;
	font-size: 12px;
	color: #ffffff;
	margin-top: 1.73%;/*4.73%;*/
}
.bottom-menu a::after {
	content: "|";
	font-size: 12px;
	color: #fff;
	margin: 0 15px;
}
.bottom-menu span:last-child a::after {
	display: none;
}
/*inner-tit*/
.inner-tit {
	margin-top: 30px;
}
.tit1 {
	font-size: 24px;
	color: #1754a3;
	padding-left: 10px;
	border-left: 3px solid #1754a3;
}
.tit2 {
	font-size: 12px;
	color: #9c9c9c;
	margin-top: 5px;
}
.bread-menu {
	color: #606060;
	font-size: 12px;
	font-family: "宋体";
	vertical-align: middle;
	padding-top: 20px;/*36px*/
}
.bread-menu img {
	vertical-align: top;
	margin-right: 5px;
}
.bread-menu a {
	color: #606060;
}
.bread-menu a:hover, .bread-menu a:last-child {
	color: #1754a3;
}
.bread-menu a:last-child::after {
	display: none;
}
.inner-menu {
	text-align: center;
	font-size: 0;
	margin-top: 3.3333%;
	
}
.inner-menu a {
	display: inline-block;
	width: auto;/*140px;*/
	height: 45px;
	color: #666666;
	font-size: 16px;
	text-align: center;
	line-height: 45px;
	border: 1px solid #dbdbdb;
	border-right: none;
	vertical-align: middle;
	-webkit-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	overflow: hidden;/*文字溢出*/
}
.inner-menu a:last-child {
	border-right: 1px solid #dbdbdb;
}
.inner-menu a:hover, .inner-menu a.cur {
	background: #1754a3;
	color: #fff;
}
.inner-con {
	margin-top: 1.5%;/*3.75%*/
}

.inner-con table{
	width: 100%!important;
}


.inner-con table {
moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-collapse: collapse;
border-color: #1754a3;
border-image: none;
border-style: solid;
border-width: 1px 0 0 1px;
text-align: center;
font-size:14px;
color: #7e7e7e;
}
.inner-con table td, table th {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
border-color: #1754a3;
border-image: none;
border-style: solid;
border-width: 0 1px 1px 0;
padding: 3px;
}

/*page-jump*/
.page-jump {
	text-align: center;
	margin-top: 20px;
}
.page-jump > ul {
	font-size: 0;
}
.page-jump > ul > li {
	display: inline-block;
	border: 1px solid #e9e9e9;
	margin-left: 4px;
	margin-right: 4px;
	font-size: 16px;
	transition: all .3s ease;
}
.page-jump > ul > li a, .page-jump > ul > li span {
	display: block;
	padding: 6px 10px;
	color: #c7c7c7;
	transition: all .3s ease;
	cursor: pointer;
}
.page-jump > ul > li:hover a, .page-jump > ul > li.active span, .page-jump > ul > li:hover a {
	color: #fff;
	background: #1754a3;
}
.page-jump > ul > li:hover, .page-jump > ul > li.active {
	border-color: #1754a3;
}
.page-jump > ul > li:first-child span, .page-jump > ul > li:last-child span {
	color: #fff
}
.page-jump > ul > li:first-child, .page-jump > ul > li:last-child {
	background-color: #c7c7c7;
	border-color: #c7c7c7;
}
.page-jump > ul > li:first-child a, .page-jump > ul > li:last-child a, .page-jump > ul > li:first-child:hover a, .page-jump > ul > li:last-child:hover a {
	color: #fff;
}
.page-jump > ul > li:first-child:hover, .page-jump > ul > li:last-child:hover {
	background-color: #1754a3;
	border-color: #1754a3;
}
.page-jump > ul > li:first-child a, .page-jump > ul > li:last-child a {
/*color: #fff;*/
}
.show-sm {
	display: none;
}
.menu-icon {
	position: relative;
	height: 20px;
	width: 30px;
	margin-top: 20px;
	display: none;
}
.menu-icon span {
	width: 30px;
	height: 1px;
	display: block;
	background: #434343;
	position: absolute;
	left: 0;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.icon-top {
	top: 0;
}
.icon-middle {
	top: 50%;
	margin-top: -0.5px;
}
.icon-bottom {
	bottom: 0;
}
.menu-icon.on .icon-top {
	-webkit-transform: translateY(10px)rotate(45deg);
	-moz-transform: translateY(10px)rotate(45deg);
	-ms-transform: translateY(10px)rotate(45deg);
	-o-transform: translateY(10px)rotate(45deg);
	transform: translateY(10px)rotate(45deg);
}
.menu-icon.on .icon-bottom {
	-webkit-transform: translateY(-9px)rotate(-45deg);
	-moz-transform: translateY(-9px)rotate(-45deg);
	-ms-transform: translateY(-9px)rotate(-45deg);
	-o-transform: translateY(-9px)rotate(-45deg);
	transform: translateY(-9px)rotate(-45deg);
}
.menu-icon.on .icon-middle {
	width: 0
}
.footer-code {
	display: none;
}
.footer-bottom .fl span {
	margin-right: 20px;
}
@media (max-width: 1770px) {
.header-menu > ul >li > a {
	padding: 0 22px;/*导航间隔15*/
}


.header-menu > ul >li {
	margin: 0 5px;/*15px*/
}
}
@media (max-width: 1540px) {
.header-menu > ul >li > a {
	padding: 0 12px;
}
.header-menu > ul >li {
	margin: 0 5px;/*12*/
}
}
@media (max-width: 1440px) {
.header, .header-logo {
	height: 100px
}
.header-logo img {
	width: auto;
	height: 65px
}
.header-menu > ul >li > a {
	padding: 0 10px;
}
.header-menu > ul >li {
	margin: 0 5px;/*10*/
}
.header-menu, .header-share {
	margin-top: 40px;
}
}
@media (max-width: 1280px) {
.header-menu > ul >li > a {
	padding: 0 8px;
}
.header-menu > ul >li {
	margin: 0 5px;/*8*/
}
.container2 {
	width: 90%;
}
}
@media (max-width: 1200px) {
.header-right, .header-share {
	display: block;
	float: right;
}
.show-sm {
	display: block;
}
.right-warp {
	float: right;
}
.header-menu {
	margin-top: 5px;
}
.header-share {
	margin-top: 15px;
}
.header-menu > ul >li:last-child {
	margin-right: 0;
}
.header-logo img {
	height: 60px;
	width: auto;
}
}
 @media (max-width: 992px) {
.container {
	width: 90%;
}
.header-menu > ul >li > a {
	font-size: 14px;
	padding: 0 5px;
	cursor: pointer;
}
.header-menu > ul >li {
	margin: 0 5px;
}
.header-logo img {
	height: 50px;
	width: auto;
}
.inner-menu a {
	width: 120px;
	height: 40px;
	line-height: 40px;
}
.footer-div.footer-div2 {
	width: 100px;
}
.code-txt {
	font-size: 12px;
	line-height: 1.6
}
.footer-div.footer-div3 {
	width: 60%;
}
}
@media (max-width: 1300px) {
.inner-con {
	margin-top: 30px;/*max-width: 768px原先上面应该 导航间隔*/
}

.inner-con table{
	width: 100%!important;
}


.inner-con img {
	width: 100% !important;
	height: auto !important;
}
.header .container {
	width: 100%;
	padding-left: 5%;
	padding-right: 5%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.header-right {
	display: none;
	position: absolute;
	top: 60px;
	float: none;
	left: 0;
	z-index: 9999;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	width: 100%;
	background: rgba(255, 255, 255, .9);
}
.header-share {
	display: none;
}
.header, .header-logo {
	height: 60px;
}
.header-logo img {
	height: 45px;
	width: auto;
}
.menu-icon {
	display: block;
}
.header-menu > ul > li {
	margin: 0;
	display: block;
	float: none;
	width: 100%;
	transform: translateY(-26px);
	-ms-transform: translateY(-26px);
	-moz-transform: translateY(-26px);
	-webkit-transform: translateY(-26px);
	-o-transform: translateY(-26px);
	transition: 1s cubic-bezier(0.35, 2, 0.35, 1), opacity 1s;
	opacity: 0;
}
.header-menu > ul > li:nth-child(2) {
	transition: 1.1s cubic-bezier(0.35, 2, 0.35, 1), opacity 1.1s;
}
.header-menu > ul > li:nth-child(3) {
	transition: 1.2s cubic-bezier(0.35, 2, 0.35, 1), opacity 1.2s;
}
.header-menu > ul > li:nth-child(4) {
	transition: 1.3s cubic-bezier(0.35, 2, 0.35, 1), opacity 1.3s;
}
.header-menu > ul > li:nth-child(5) {
	transition: 1.4s cubic-bezier(0.35, 2, 0.35, 1), opacity 1.4s;
}
.header-menu > ul > li:nth-child(6) {
	transition: 1.5s cubic-bezier(0.35, 2, 0.35, 1), opacity 1.5s;
}
.header-menu > ul > li:nth-child(7) {
	transition: 1.6s cubic-bezier(0.35, 2, 0.35, 1), opacity 1.6s;
}
.header-menu > ul > li.header-li-show {
	transform: translateY(0px);
	-ms-transform: translateY(0px);     /* IE 9 */
	-moz-transform: translateY(0px);    /* Firefox */
	-webkit-transform: translateY(0px); /* Safari 和 Chrome */
	-o-transform: translateY(0px);  /* Opera */
	opacity: .9;
}
.header-menu > ul > li > a {
	padding: 0;
}
.header-menu > ul > li.active > a,  .header-menu > ul > li:hover > a {
	background: #1754a3;
}
.header-menu > ul > li > a span {
	position: relative;
	padding: 0 15px;
}
.header-menu > ul > li > a span::before {
	content: "";
	width: 6px;
	height: 10px;
	position: absolute;
	right: 0;
	top: 50%;
	background: url(../img/right-icon.png) no-repeat;
	background-size: 6px 10px;
	margin-top: -5px;
	-webkit-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out;
}
.header-menu > ul > li:hover > a span::before {
	background: url(../img/right-icon2.png) no-repeat;
	background-size: 6px 10px;
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}
.sub-menu-ul {
	position: relative;
}
.sub-menu-ul > li {
	width: auto;
	font-size: 12px;
}
/*footer*/
.footer-div.footer-div1, .footer-div.footer-div2 {
	display: none;
}

.footer-menu{
	display: none;
}/*底部原始*/

.footer-div.footer-div3 {
	float: none;
}
.footer-menu ul li {
	width: 100%;
	text-align: left;
}
.footer-menu ul li, .footer-menu ul li:first-child::after {
	background: none
}
.footer-menu ul li dt {
	height: 45px;
	line-height: 45px;
	margin: 0;
	font-size: 14px;
	border-bottom: 1px solid #d6d6d6;
	position: relative;
}
.footer-menu ul li dd {
	height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #d6d6d6;
	padding-left: 10px;
	box-sizing: border-box;
	box-sizing: -webkit-border-box;
	-moz-box-sizing: border-box;
}
.footer-menu ul li dt::after {
	position: absolute;
	content: "";
	width: 9px;
	height: 15px;
	background: url(../img/right-icon3.png) no-repeat;
	background-size: 9px 15px;
	right: 10px;
	top: 50%;
	margin-top: -7.5px;
	-webkit-transition: all .4s ease-out;
	-o-transition: all .4s ease-out;
	transition: all .4s ease-out;
}
.footer-menu ul li.move dt::after {
	transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
}
.bottom-menu, .partner, .menu-warp {
	display: none;
}
.footer-bottom {
	height: auto;
	line-height: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.footer-bottom span {
	display: block;
}
.footer-code {
	display: block;
	margin-top: 5%;
	width: 135px;
	font-size: 16px;
	color: #1655a3;
	position: relative;
}
.code-txt {
	color: #1655a3
}
.code-img {
	position: absolute;
	width: 120px;
	right: -130px;
	top: -50%;
	margin-top: -60px;
	z-index: 999;
	display: none;
}
.tit-zh {
	font-size: 24px;
}
.tit-line {
	margin-top: 10px;
	margin-bottom: 8px;
	height: 1px;
}
.tit-en {
	font-size: 14px;
}
.inner-tit>div {
	float: none;
	display: block;
}
.bread-menu {
	vertical-align: bottom;
	margin-top: 15px;
	padding-top: 5px;/*0*/
	padding-bottom: 10px;
}
}
 @media (max-width: 480px) {
.tit-zh {
	font-size: 20px;
}
.tit-line {
	margin-top: 8px;
	margin-bottom: 7px;
	height: 1px;
}
.tit-en {
	font-size: 14px;
}
}
/*QRcode*/
#code {
	display: none;
	position: fixed;
	z-index: 99999;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);     /* IE 9 */
	-moz-transform: translate(-50%, -50%);    /* Firefox */
	-webkit-transform: translate(-50%, -50%); /* Safari 和 Chrome */
	-o-transform: translate(-50%, -50%);  /* Opera */
	background-color: #fff;
	font-size: 20px;
	padding: 22px 12px 10px;
	font-family: "Microsoft YaHei";
	color: #1A8BD6;
}
#code .code-close {
	position: absolute;
	color: #cd0e18;
	font-size: 32px;
	width: 24px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	top: 8px;
	right: 8px;
	cursor: pointer;
	transition: all .5s ease;
}
#code canvas {
	display: block;
	vertical-align: top;
	margin: 12px auto 10px;
}

.partner-list a{ color:#707070; font-size:12px}
.pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.pagess ul li:hover{ background:#ccc; color:#fff;border: 1px solid #ccc}
.pagess ul li:hover a{color:#fff;}
.pagess ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;}
.pagess ul li.thisclass a {color: #fff;}
.pagess ul li a{ display:block;color:#999}
.pagess ul li a:hover {color: #fff;}

/*招聘*/

.page {
	padding: 20px 0 30px;
}

.wrap {
	width: 96%;/*初始96%*/
	margin: 0 auto;
	max-width: 1200px;/*1200px;*/
	position: relative;
}

.page_tit {
	text-align: center;
	margin-bottom: 40px;/*初始*/
}

.page_tit h3 {
	font-size: 20px;/*初始30px*/
	font-weight: normal;
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}


.recruit {
}
.recruit ul li {
	margin-top: 20px;
}
.recruit ul li .top {
	background: #f4f4f4;
	padding: 23px 30px;
	line-height: 32px;
	position: relative;
	cursor: pointer;
	border:solid #f4f4f4;
}

@media only screen and (max-width: 750px){
.recruit ul li .top h3 {
    white-space: normal;
    font-size: 16px;
}}

.recruit ul li .top h3 {
	font-weight: normal;
	font-size: 22px;
	background: url(../img/icon17.png) no-repeat right center;
}
.recruit ul li .top span {
	display: inline-block;
	width: 30%;
	font-size: 16px;/*初始无*/
	color: #333;
}
.recruit ul li .top label {
	width: 70%;
}
.recruit ul li .top label em {
	font-style: normal;
	font-size: 14px;
	color: #666;
	margin-left: 120px;
}
.recruit ul li .top label em:first-child {
	margin-left: 0;
}
.recruit ul li .slide {
	box-shadow: 0 0 16px rgba(88,96,94,0.1);
	display: none;
	transition: all 0s;
}
.recruit ul li .web {
	padding: 0 30px 10px;
}
.recruit ul li .web .text {
	padding: 40px 0 20px;
	border-top: 1px solid #d9d9e0;
}
.recruit ul li .web .text:first-child {
	border-top: none;
}
.recruit ul li .web h3 {
	font-size: 18px;
	font-weight: normal;
	color: #333;
	margin-bottom: 20px;
}
.recruit ul li .web p {
	line-height: 32px;
	color: #666;
}
.recruit ul li.on .top, .recruit ul li .top:hover {
	background: #1754a3;
}
.recruit ul li .top:hover h3 {
	background: url(../img/icon17-2.png) no-repeat right center;
}
.recruit ul li.on .top h3 {
	background: url(../img/icon17-1.png) no-repeat right center;
}
.recruit ul li.on .top:hover h3 {
	background: url(../img/icon17-1.png) no-repeat right center;
}
.recruit ul li.on .top h3 span, .recruit ul li.on .top h3 em, .recruit ul li .top:hover h3 span, .recruit ul li .top:hover h3 em {
	color: #fff;
}

p {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

@media only screen and (max-width: 750px) {
.recruit ul li .top {
	padding: 10px;
}
.recruit ul li .top span {
	width: 100%;
}
.recruit ul li .top label em {
	margin-left: 10px;
}
.recruit ul li .web .text {
	padding: 15px 0;
}
.recruit ul li .web {
	padding: 0 15px;
}
.recruit ul li .web h3 {
	margin-bottom: 10px;
}
.recruit ul li .web p {
	line-height: 26px;
}
}


/*联系我们*/

.contact {
	line-height: 35px;
}

.contact .tab {
	margin-top: 40px;
}
.contact .tab .list {
	float: left;
	width: 408px;
	margin-right: 30px;
}
.contact .tab .list ul li {
	margin-top: 20px;
}
.contact .tab .list ul li:first-child {
	margin-top: 0;
}
.contact .tab .list ul li .div_inp {
	line-height: 46px;
	padding: 0 20px;
	background: #f4f4f4;
}
.contact .tab .list ul li .div_inp input {
	border: none;
	background: none;
	width: 100%;
	line-height: 46px;
	height: 46px;
	font-size: 14px;
}
.contact .tab .remarks {
	overflow: hidden;
}
.contact .tab .remarks .div_textarea {
	background: #f4f4f4;
	padding: 13px 20px;
}
.contact .tab .remarks .div_textarea textarea {
	border: none;
	resize: none;
	width: 100%;
	background: none;
	height: 150px;
	font-size: 14px;
}

.div_btn {
	text-align: center;
	margin-top: 40px;
}
.div_btn a {
	display: inline-block;
	width: 148px;
	height: 42px;
	line-height: 42px;
	border: 1px solid #e7e3e2;
	color: #666;
	background: #fff;
}
.div_btn a:hover {
	background: #f79017;
	color: #fff;
	border-color: #f79017;
}


@media only screen and (max-width: 750px) {

.contact .item ul li {
	width: 100%;
	clear: both;
	text-align: left !important;
	margin-bottom: 10px;
}
.contact {
	padding-top: 20px;
}
.contact .tab {
	margin-top: 20px;
}
.contact .tab .list {
	width: 100%;
	float: none;
}
.contact .tab .remarks {
	margin-top: 10px;
}
.contact .tab .list ul li {
	margin-top: 10px;
}
}



/* 首页产品展示  begin*/


float-left {
	float: left!important
}
.float-right {
	float: right!important
}

.clear {
	clear: both
}


.text-main, a.text-main:link, a.text-main:visited, .button.border-main, blockquote.border-main strong, .pager.border-main a, .pager-prev.border-main, .pager-next.border-main, .nav a:hover, .nav-menu.nav-pills .active ul a:hover, .bg-inverse .nav-menu ul a:hover, .bg-inverse .nav.nav-menu.nav-tabs ul a:hover, .bg-inverse .nav.nav-menu.nav-tabs .active ul a:hover, .bg-inverse .nav.nav-menu.nav-pills ul a:hover, .bg-inverse .nav.nav-menu.nav-pills .active ul a:hover {
    color: #1754a3;
}

.full-screen-small-title {
	font-size: 12px;
}

.full-screen-title {
	font-size: 18px;
	font-family: "微软雅黑";
}

.text-left {
	text-align: left
}
.text-center {
	text-align: center
}
.text-right {
	text-align: right
}

.bg-inverse, .bg-inverse a {
	color: #fff
}


#fh5co-products_show {
	background: #f5f5f5;
	width: 100%;
	padding-bottom: 20px;/*50px*/
}
#fh5co-products_show .fh5co-heading {
	margin-bottom: 40px;
}
#fh5co-products_show .fh5co-heading .icon {
	background: rgba(0, 0, 0, 0) /*url("../images/sanjjt2.png") no-repeat scroll 0 0*/;
	height: 16px;
	margin: 0 auto 34px;
	width: 31px;
	display: block;
}
#fh5co-products_show .show_content {
	background: #fff;
}
#fh5co-products_show .show_content .media_img {
	overflow: hidden;
	position: relative;
}

img {
	border: 0;
	vertical-align: bottom;
}


.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
}
.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
	-webkit-animation-duration: .75s;
	animation-duration: .75s;
}
@-webkit-keyframes bounce {
0%, 100%, 20%, 53%, 80% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
40%, 43% {
-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
@keyframes bounce {
0%, 100%, 20%, 53%, 80% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
40%, 43% {
-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom
}
@-webkit-keyframes flash {
0%, 100%, 50% {
opacity:1
}
25%, 75% {
opacity:0
}
}
@keyframes flash {
0%, 100%, 50% {
opacity:1
}
25%, 75% {
opacity:0
}
}
.flash {
	-webkit-animation-name: flash;
	animation-name: flash
}
@-webkit-keyframes pulse {
0% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes pulse {
0% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
50% {
-webkit-transform:scale3d(1.05, 1.05, 1.05);
transform:scale3d(1.05, 1.05, 1.05)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
30% {
-webkit-transform:scale3d(1.25, .75, 1);
transform:scale3d(1.25, .75, 1)
}
40% {
-webkit-transform:scale3d(0.75, 1.25, 1);
transform:scale3d(0.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, .85, 1);
transform:scale3d(1.15, .85, 1)
}
65% {
-webkit-transform:scale3d(.95, 1.05, 1);
transform:scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, .95, 1);
transform:scale3d(1.05, .95, 1)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes rubberBand {
0% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
30% {
-webkit-transform:scale3d(1.25, .75, 1);
transform:scale3d(1.25, .75, 1)
}
40% {
-webkit-transform:scale3d(0.75, 1.25, 1);
transform:scale3d(0.75, 1.25, 1)
}
50% {
-webkit-transform:scale3d(1.15, .85, 1);
transform:scale3d(1.15, .85, 1)
}
65% {
-webkit-transform:scale3d(.95, 1.05, 1);
transform:scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform:scale3d(1.05, .95, 1);
transform:scale3d(1.05, .95, 1)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
@keyframes shake {
0%, 100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
.shake {
	-webkit-animation-name: shake;
	animation-name: shake
}
@-webkit-keyframes swing {
20% {
-webkit-transform:rotate3d(0, 0, 1, 15deg);
transform:rotate3d(0, 0, 1, 15deg)
}
40% {
-webkit-transform:rotate3d(0, 0, 1, -10deg);
transform:rotate3d(0, 0, 1, -10deg)
}
60% {
-webkit-transform:rotate3d(0, 0, 1, 5deg);
transform:rotate3d(0, 0, 1, 5deg)
}
80% {
-webkit-transform:rotate3d(0, 0, 1, -5deg);
transform:rotate3d(0, 0, 1, -5deg)
}
100% {
-webkit-transform:rotate3d(0, 0, 1, 0deg);
transform:rotate3d(0, 0, 1, 0deg)
}
}
@keyframes swing {
20% {
-webkit-transform:rotate3d(0, 0, 1, 15deg);
transform:rotate3d(0, 0, 1, 15deg)
}
40% {
-webkit-transform:rotate3d(0, 0, 1, -10deg);
transform:rotate3d(0, 0, 1, -10deg)
}
60% {
-webkit-transform:rotate3d(0, 0, 1, 5deg);
transform:rotate3d(0, 0, 1, 5deg)
}
80% {
-webkit-transform:rotate3d(0, 0, 1, -5deg);
transform:rotate3d(0, 0, 1, -5deg)
}
100% {
-webkit-transform:rotate3d(0, 0, 1, 0deg);
transform:rotate3d(0, 0, 1, 0deg)
}
}
.swing {
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}
@-webkit-keyframes tada {
0% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
10%, 20% {
-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes tada {
0% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
10%, 20% {
-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
.tada {
	-webkit-animation-name: tada;
	animation-name: tada
}
@-webkit-keyframes wobble {
0% {
-webkit-transform:none;
transform:none
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes wobble {
0% {
-webkit-transform:none;
transform:none
}
15% {
-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg)
}
30% {
-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg)
}
45% {
-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg)
}
60% {
-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg)
}
75% {
-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg)
}
100% {
-webkit-transform:none;
transform:none
}
}
.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble
}
@-webkit-keyframes bounceIn {
0%, 100%, 20%, 40%, 60%, 80% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97)
}
100% {
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes bounceIn {
0%, 100%, 20%, 40%, 60%, 80% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97)
}
100% {
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0);
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0);
transform:translate3d(0, 25px, 0)
}
75% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
90% {
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes bounceInDown {
0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0);
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0);
transform:translate3d(0, 25px, 0)
}
75% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
90% {
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes bounceInLeft {
0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(3000px, 0, 0);
transform:translate3d(3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes bounceInRight {
0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(3000px, 0, 0);
transform:translate3d(3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, 3000px, 0);
transform:translate3d(0, 3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
75% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
90% {
-webkit-transform:translate3d(0, -5px, 0);
transform:translate3d(0, -5px, 0)
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes bounceInUp {
0%, 100%, 60%, 75%, 90% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, 3000px, 0);
transform:translate3d(0, 3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
75% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
90% {
-webkit-transform:translate3d(0, -5px, 0);
transform:translate3d(0, -5px, 0)
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
50%, 55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
100% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
}
@keyframes bounceOut {
20% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
50%, 55% {
opacity:1;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
100% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
}
.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
}
.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity:1;
-webkit-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
}
@keyframes bounceOutLeft {
20% {
opacity:1;
-webkit-transform:translate3d(20px, 0, 0);
transform:translate3d(20px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
}
.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
20% {
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
}
@keyframes bounceOutRight {
20% {
opacity:1;
-webkit-transform:translate3d(-20px, 0, 0);
transform:translate3d(-20px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
}
.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
40%, 45% {
opacity:1;
-webkit-transform:translate3d(0, 20px, 0);
transform:translate3d(0, 20px, 0)
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
}
.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeIn {
0% {
opacity:0
}
100% {
opacity:1
}
}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInDownBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInLeftBig {
0% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInRight {
0% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInRightBig {
0% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeInUpBig {
0% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
@keyframes fadeOut {
0% {
opacity:1
}
100% {
opacity:0
}
}
.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
}
@keyframes fadeOutDown {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
}
.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
}
@keyframes fadeOutDownBig {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, 2000px, 0);
transform:translate3d(0, 2000px, 0)
}
}
.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
}
@keyframes fadeOutLeft {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
}
.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(-2000px, 0, 0);
transform:translate3d(-2000px, 0, 0)
}
}
.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
}
@keyframes fadeOutRight {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
}
.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
}
@keyframes fadeOutRightBig {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(2000px, 0, 0);
transform:translate3d(2000px, 0, 0)
}
}
.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
}
@keyframes fadeOutUp {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
}
.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
}
@keyframes fadeOutUpBig {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(0, -2000px, 0);
transform:translate3d(0, -2000px, 0)
}
}
.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig
}
@-webkit-keyframes flip {
0% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(.95, .95, .95);
transform:perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
}
@keyframes flip {
0% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
transform:perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
40% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function:ease-out;
animation-timing-function:ease-out
}
50% {
-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
80% {
-webkit-transform:perspective(400px) scale3d(.95, .95, .95);
transform:perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px);
-webkit-animation-timing-function:ease-in;
animation-timing-function:ease-in
}
}
.animated.flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
@keyframes flipInX {
0% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
transform:perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);
transform:perspective(400px) rotate3d(1, 0, 0, -5deg)
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
.flipInX {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
transform:perspective(400px) rotate3d(0, 1, 0, -5deg)
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
@keyframes flipInY {
0% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in;
opacity:0
}
40% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
transform:perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function:ease-in;
transition-timing-function:ease-in
}
60% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
transform:perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity:1
}
80% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);
transform:perspective(400px) rotate3d(0, 1, 0, -5deg)
}
100% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
}
.flipInY {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity:0
}
}
@keyframes flipOutX {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
transform:perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
transform:perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity:0
}
}
.flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity:0
}
}
@keyframes flipOutY {
0% {
-webkit-transform:perspective(400px);
transform:perspective(400px)
}
30% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
transform:perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity:1
}
100% {
-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
transform:perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity:0
}
}
.flipOutY {
	-webkit-backface-visibility: visible!important;
	backface-visibility: visible!important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg);
opacity:1
}
100% {
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);
transform:translate3d(100%, 0, 0) skewX(-30deg);
opacity:0
}
60% {
-webkit-transform:skewX(20deg);
transform:skewX(20deg);
opacity:1
}
80% {
-webkit-transform:skewX(-5deg);
transform:skewX(-5deg);
opacity:1
}
100% {
-webkit-transform:none;
transform:none;
opacity:1
}
}
.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOut {
0% {
opacity:1
}
100% {
-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);
transform:translate3d(100%, 0, 0) skewX(30deg);
opacity:0
}
}
@keyframes lightSpeedOut {
0% {
opacity:1
}
100% {
-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);
transform:translate3d(100%, 0, 0) skewX(30deg);
opacity:0
}
}
.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, -200deg);
transform:rotate3d(0, 0, 1, -200deg);
opacity:0
}
100% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, -200deg);
transform:rotate3d(0, 0, 1, -200deg);
opacity:0
}
100% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:none;
transform:none;
opacity:1
}
}
.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, -90deg);
transform:rotate3d(0, 0, 1, -90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, -90deg);
transform:rotate3d(0, 0, 1, -90deg);
opacity:0
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:none;
transform:none;
opacity:1
}
}
.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin:center;
transform-origin:center;
opacity:1
}
100% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, 200deg);
transform:rotate3d(0, 0, 1, 200deg);
opacity:0
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin:center;
transform-origin:center;
opacity:1
}
100% {
-webkit-transform-origin:center;
transform-origin:center;
-webkit-transform:rotate3d(0, 0, 1, 200deg);
transform:rotate3d(0, 0, 1, 200deg);
opacity:0
}
}
.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, 45deg);
transform:rotate3d(0, 0, 1, 45deg);
opacity:0
}
}
.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
}
.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
opacity:1
}
100% {
-webkit-transform-origin:left bottom;
transform-origin:left bottom;
-webkit-transform:rotate3d(0, 0, 1, -45deg);
transform:rotate3d(0, 0, 1, -45deg);
opacity:0
}
}
.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 90deg);
transform:rotate3d(0, 0, 1, 90deg);
opacity:0
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
opacity:1
}
100% {
-webkit-transform-origin:right bottom;
transform-origin:right bottom;
-webkit-transform:rotate3d(0, 0, 1, 90deg);
transform:rotate3d(0, 0, 1, 90deg);
opacity:0
}
}
.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate3d(0, 0, 1, 80deg);
transform:rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40%, 80% {
-webkit-transform:rotate3d(0, 0, 1, 60deg);
transform:rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
100% {
-webkit-transform:translate3d(0, 700px, 0);
transform:translate3d(0, 700px, 0);
opacity:0
}
}
@keyframes hinge {
0% {
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
20%, 60% {
-webkit-transform:rotate3d(0, 0, 1, 80deg);
transform:rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out
}
40%, 80% {
-webkit-transform:rotate3d(0, 0, 1, 60deg);
transform:rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin:top left;
transform-origin:top left;
-webkit-animation-timing-function:ease-in-out;
animation-timing-function:ease-in-out;
opacity:1
}
100% {
-webkit-transform:translate3d(0, 700px, 0);
transform:translate3d(0, 700px, 0);
opacity:0
}
}
.hinge {
	-webkit-animation-name: hinge;
	animation-name: hinge
}
@-webkit-keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes rollIn {
0% {
opacity:0;
-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn
}
@-webkit-keyframes rollOut {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}
}
@keyframes rollOut {
0% {
opacity:1
}
100% {
opacity:0;
-webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}
}
.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut
}
@-webkit-keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
@keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}
@-webkit-keyframes zoomInDown {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
@keyframes zoomInDown {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
@keyframes zoomInLeft {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
@keyframes zoomInRight {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
.zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
@keyframes zoomInUp {
0% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
60% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {
0% {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
100% {
opacity:0
}
}
@keyframes zoomOut {
0% {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
100% {
opacity:0
}
}
.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut
}
@-webkit-keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
100% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
@keyframes zoomOutDown {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
100% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
.zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:scale(.1) translate3d(-2000px, 0, 0);
transform:scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin:left center;
transform-origin:left center
}
}
@keyframes zoomOutLeft {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:scale(.1) translate3d(-2000px, 0, 0);
transform:scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin:left center;
transform-origin:left center
}
}
.zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft
}
@-webkit-keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:scale(.1) translate3d(2000px, 0, 0);
transform:scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin:right center;
transform-origin:right center
}
}
@keyframes zoomOutRight {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
100% {
opacity:0;
-webkit-transform:scale(.1) translate3d(2000px, 0, 0);
transform:scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin:right center;
transform-origin:right center
}
}
.zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight
}
@-webkit-keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
100% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
@keyframes zoomOutUp {
40% {
opacity:1;
-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function:cubic-bezier(0.55, .055, .675, .19);
animation-timing-function:cubic-bezier(0.55, .055, .675, .19)
}
100% {
opacity:0;
-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin:center bottom;
transform-origin:center bottom;
-webkit-animation-timing-function:cubic-bezier(0.175, .885, .32, 1);
animation-timing-function:cubic-bezier(0.175, .885, .32, 1)
}
}
.zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
visibility:visible
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0)
}
}
@keyframes slideInDown {
0% {
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0);
visibility:visible
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
visibility:visible
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0)
}
}
@keyframes slideInLeft {
0% {
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0);
visibility:visible
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
visibility:visible
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0)
}
}
@keyframes slideInRight {
0% {
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0);
visibility:visible
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0)
}
}
@keyframes slideInUp {
0% {
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0);
visibility:visible
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
100% {
visibility:hidden;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%)
}
}
@keyframes slideOutDown {
0% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
100% {
visibility:hidden;
-webkit-transform:translate3d(0, 100%, 0);
transform:translate3d(0, 100%, 0)
}
}
.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
100% {
visibility:hidden;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%)
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
100% {
visibility:hidden;
-webkit-transform:translate3d(-100%, 0, 0);
transform:translate3d(-100%, 0, 0)
}
}
.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
100% {
visibility:hidden;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%)
}
}
@keyframes slideOutRight {
0% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
100% {
visibility:hidden;
-webkit-transform:translate3d(100%, 0, 0);
transform:translate3d(100%, 0, 0)
}
}
.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
100% {
visibility:hidden;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%)
}
}
@keyframes slideOutUp {
0% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
100% {
visibility:hidden;
-webkit-transform:translate3d(0, -100%, 0);
transform:translate3d(0, -100%, 0)
}
}
.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp
}


#fh5co-products_show .show_content .media_img a img {
	transition: transform 1s ease 0s;
	transform: scale(1);
	width: 100%;
	overflow: hidden;
}


.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
	outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
/* FlexSlider Necessary Styles
*********************************/
.flexslider {
	margin: 0;
	padding: 0;
}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
	width: 100%;
	display: block;
}
.flex-pauseplay span {
	text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
	content: "\0020";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .slides {
	display: block;
}
* html .slides {
	height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
	display: block;
}
/* FlexSlider Default Theme
*********************************/
.flexslider {
	margin: 0 0 46px;
	background: #fff;
	position: relative;
	zoom: 1;
	height: auto
}
.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.loading .flex-viewport {
	max-height: 300px;
}
.flexslider .slides {
	zoom: 1;
}
.carousel li {
	margin-right: 5px;
}
/* Direction Nav */
.flex-direction-nav {
*height: 0;
}
.flex-direction-nav a {
	text-decoration: none;
	display: block;
	width: 59px;
	height: 59px;
	margin: -20px 0 0;
	position: absolute;
	top: 48%;
	z-index: 10;
	overflow: hidden;
	opacity: 0;
	cursor: pointer;
	color: rgba(0,0,0,0.8);
	text-indent: -999em
}
.flex-direction-nav .flex-prev {
	left: 0px;
	background: url(../images/prev.png) no-repeat;
}
.flex-direction-nav .flex-next {
	right: 0px;
	background: url(../images/next.png) no-repeat;
}
.flexslider:hover .flex-prev {
	opacity: 0.7;
	left: 10px;
}
.flexslider:hover .flex-next {
	opacity: 0.7;
	right: 10px;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
	opacity: 1;
}
.flex-direction-nav .flex-disabled {
	opacity: 0!important;
	filter: alpha(opacity=0);
	cursor: default;
}
/* Pause/Play */
.flex-pauseplay a {
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	opacity: 0.8;
	z-index: 10;
	overflow: hidden;
	cursor: pointer;
	color: #000;
	background: #ddd
}
.flex-pauseplay a:before {
	font-family: "flexslider-icon";
	font-size: 20px;
	display: inline-block;
	content: '\f004';
}
.flex-pauseplay a:hover {
	opacity: 1;
}
.flex-pauseplay a.flex-play:before {
	content: '\f003';
}
/* Control Nav */
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 40px;
	text-align: center;
}
.flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1;
*display: inline;
}

.button.bg-main, .button.bg-sub, .button.bg-dot, .button.bg-black, .button.bg-gray, .button.bg-red, .button.bg-yellow, .button.bg-blue, .button.bg-green {
	color: #fff
}

.bg-main {
	background: #1754a3;
}
.text-main, a.text-main:link, a.text-main:visited, .button.border-main, blockquote.border-main strong, .pager.border-main a, .pager-prev.border-main, .pager-next.border-main, .nav a:hover, .nav-menu.nav-pills .active ul a:hover, .bg-inverse .nav-menu ul a:hover, .bg-inverse .nav.nav-menu.nav-tabs ul a:hover, .bg-inverse .nav.nav-menu.nav-tabs .active ul a:hover, .bg-inverse .nav.nav-menu.nav-pills ul a:hover, .bg-inverse .nav.nav-menu.nav-pills .active ul a:hover {
	color: #1754a3;
}

.flex-control-paging li a {
	width: 11px;
	height: 11px;
	display: block;
	background: #666;
	background: rgba(0,0,0,0.5);
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	-o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
	box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
}
.flex-control-paging li a:hover {
	background: #333;
	background: rgba(0,0,0,0.7);
}
.flex-control-paging li a.flex-active {
	background: #000;
	background: rgba(0,0,0,0.9);
	cursor: default;
}
.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden;
}
.flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0;
}
.flex-control-thumbs img {
	width: 100%;
	display: block;
	opacity: .7;
	cursor: pointer;
}
.flex-control-thumbs img:hover {
	opacity: 1;
}
.flex-control-thumbs .flex-active {
	opacity: 1;
	cursor: default;
}
 @media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev {
	opacity: 1;
	left: 10px;
}
.flex-direction-nav .flex-next {
	opacity: 1;
	right: 10px;
}
}


#fh5co-products_show .show_content .media_img a img:hover {
	transition: transform 1s ease 0s;
	transform: scale(1.1);
}
#fh5co-products_show .show_content .media_img .jt {
	height: 12px;
	width: 23px;
	position: absolute;
	text-align: center;
	left: 50%;
	margin: 0px auto 0px -11px;
	z-index: 999;
	bottom: 0px;
	display: block
}
#fh5co-products_show .show_content .media_img .jt img {
	margin: 0;
	padding: 0;
	box-sizing: content-box;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin: 0px auto 0px -11px;
}
#fh5co-products_show .show_content .media_body {
	padding-bottom: 28px;
	background-color:#fff;
}

#fh5co-products_show .show_content {
    background: #fff;
}

#fh5co-products_show .show_content .media_body h3 {
	font-size: 20px;
	font-weight: bold;
	padding-top: 40px;
	padding-left: 15px;
	line-height: 30px;
	padding-right: 15px;
	text-align: left
}

.fh5co-heading h2 {
	font-size: 36px;
	margin: 0;
	padding: 0;
	line-height: 100%
}
.fh5co-heading span.full-screen-small-title {
	font-size: 12px;
}

.full-screen {
	width: 100%;
	overflow: hidden
}

.fh5co-heading span.full-screen-title {
	font-size: 18px;
	font-family: "微软雅黑";
}


.media, .media-body {
	overflow: hidden;
	zoom: 1
}
.media, .media .media {
	margin-top: 15px
}
.media:first-child {
	margin-top: 0
}
.media-body {
	margin-top: 3px
}
.media strong {
	display: block
}
.media p {
	margin: 5px 0 0 0;
	text-align: justify;
	line-height: 18px
}
.media.media-y {
	text-align: center
}
.media.media-x .media-body {
	margin: 0
}
.media.media-x .float-left {
	margin-right: 10px
}
.media.media-x .float-right {
	margin-left: 10px
}
.media.media-x strong {
	margin-bottom: 5px
}
.media-inline .media {
	display: inline-block;
	margin-right: 15px;
	margin-top: 0
}
.media-inline .media:last-child {
	margin-right: 0
}



#fh5co-products_show .show_content .media_body p {
	margin-bottom: 10px;
	font-size: 14px;
	color: #848484;
	padding-left: 15px;
	margin-top: 25px;
	line-height: 26px;
	padding-right: 15px;
}
#fh5co-products_show .show_content .media_body a {
	border-top: #bcbcbc 1px solid;
	border-right: #bcbcbc 1px solid;
	width: 90px;
	border-bottom: #bcbcbc 1px solid;
	text-align: center;
	margin-left: 15px;
	border-left: #bcbcbc 1px solid;
	display: block;
	line-height: 32px;
	color: #868686;
	display: block;
	border-radius: 24px;
	font-size: 12px;
}
#fh5co-products_show .show_content .media_body a:hover {
	text-decoration: none;
	color: #fff;
	display: block;
	border-top: #1f776b 1px solid;
	border-right: #1f776b 1px solid;
	background: #1754a3;
	border-bottom: #1f776b 1px solid;
	color: #fff;
	border-left: #1f776b 1px solid;
	display: block;
}
#fh5co-products_show .fh5co-product_more {
	margin-top: 41px;
	width: 100%;
	text-align: center;
}
#fh5co-products_show .fh5co-product_more a {
	width: 80px;
	height: 30px;
	display: inline-block;
	line-height: 28px;
	font-size: 12px;
	border: 1px solid #1754a3;

	border-radius: 3px;
	color: #1754a3;
	text-align: center;
	border-radius: 24px;
}

#fh5co-products_show .fh5co-product_more a:hover {
	background: #1754a3;
	color: #fff;
}

.x1, .x2, .x3, .x4, .x5, .x6, .x7, .x8, .x9, .x10, .x11, .x12, .xl1, .xl2, .xl3, .xl4, .xl5, .xl6, .xl7, .xl8, .xl9, .xl10, .xl11, .xl12, .xs1, .xs2, .xs3, .xs4, .xs5, .xs6, .xs7, .xs8, .xs9, .xs10, .xs11, .xs12, .xm1, .xm2, .xm3, .xm4, .xm5, .xm6, .xm7, .xm8, .xm9, .xm10, .xm11, .xm12, .xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7, .xb8, .xb9, .xb10, .xb11, .xb12 {
	position: relative;
	min-height: 1px
}
.line-big {
	margin-left: -10px;
	margin-right: -10px
}
.line-big .x1, .line-big .x2, .line-big .x3, .line-big .x4, .line-big .x5, .line-big .x6, .line-big .x7, .line-big .x8, .line-big .x9, .line-big .x10, .line-big .x11, .line-big .x12, .line-big .xl1, .line-big .xl2, .line-big .xl3, .line-big .xl4, .line-big .xl5, .line-big .xl6, .line-big .xl7, .line-big .xl8, .line-big .xl9, .line-big .xl10, .line-big .xl11, .line-big .xl12, .line-big .xs1, .line-big .xs2, .line-big .xs3, .line-big .xs4, .line-big .xs5, .line-big .xs6, .line-big .xs7, .line-big .xs8, .line-big .xs9, .line-big .xs10, .line-big .xs11, .line-big .xs12, .line-big .xm1, .line-big .xm2, .line-big .xm3, .line-big .xm4, .line-big .xm5, .line-big .xm6, .line-big .xm7, .line-big .xm8, .line-big .xm9, .line-big .xm10, .line-big .xm11, .line-big .xm12, .line-big .xb1, .line-big .xb2, .line-big .xb3, .line-big .xb4, .line-big .xb5, .line-big .xb6, .line-big .xb7, .line-big .xb8, .line-big .xb9, .line-big .xb10, .line-big .xb11, .line-big .xb12 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px
}
.line-middle {
	margin-left: -5px;
	margin-right: -5px
}
.line-middle .x1, .line-middle .x2, .line-middle .x3, .line-middle .x4, .line-middle .x5, .line-middle .x6, .line-middle .x7, .line-middle .x8, .line-middle .x9, .line-middle .x10, .line-middle .x11, .line-middle .x12, .line-middle .xl1, .line-middle .xl2, .line-middle .xl3, .line-middle .xl4, .line-middle .xl5, .line-middle .xl6, .line-middle .xl7, .line-middle .xl8, .line-middle .xl9, .line-middle .xl10, .line-middle .xl11, .line-middle .xl12, .line-middle .xs1, .line-middle .xs2, .line-middle .xs3, .line-middle .xs4, .line-middle .xs5, .line-middle .xs6, .line-middle .xs7, .line-middle .xs8, .line-middle .xs9, .line-middle .xs10, .line-middle .xs11, .line-middle .xs12, .line-middle .xm1, .line-middle .xm2, .line-middle .xm3, .line-middle .xm4, .line-middle .xm5, .line-middle .xm6, .line-middle .xm7, .line-middle .xm8, .line-middle .xm9, .line-middle .xm10, .line-middle .xm11, .line-middle .xm12, .line-middle .xb1, .line-middle .xb2, .line-middle .xb3, .line-middle .xb4, .line-middle .xb5, .line-middle .xb6, .line-middle .xb7, .line-middle .xb8, .line-middle .xb9, .line-middle .xb10, .line-middle .xb11, .line-middle .xb12 {
	position: relative;
	min-height: 1px;
	padding-right: 5px;
	padding-left: 5px
}
.line-small {
	margin-left: -2px;
	margin-right: -2px
}
.line-small .x1, .line-small .x2, .line-small .x3, .line-small .x4, .line-small .x5, .line-small .x6, .line-small .x7, .line-small .x8, .line-small .x9, .line-small .x10, .line-small .x11, .line-small .x12, .line-small .xl1, .line-small .xl2, .line-small .xl3, .line-small .xl4, .line-small .xl5, .line-small .xl6, .line-small .xl7, .line-small .xl8, .line-small .xl9, .line-small .xl10, .line-small .xl11, .line-small .xl12, .line-small .xs1, .line-small .xs2, .line-small .xs3, .line-small .xs4, .line-small .xs5, .line-small .xs6, .line-small .xs7, .line-small .xs8, .line-small .xs9, .line-small .xs10, .line-small .xs11, .line-small .xs12, .line-small .xm1, .line-small .xm2, .line-small .xm3, .line-small .xm4, .line-small .xm5, .line-small .xm6, .line-small .xm7, .line-small .xm8, .line-small .xm9, .line-small .xm10, .line-small .xm11, .line-small .xm12, .line-small .xb1, .line-small .xb2, .line-small .xb3, .line-small .xb4, .line-small .xb5, .line-small .xb6, .line-small .xb7, .line-small .xb8, .line-small .xb9, .line-small .xb10, .line-small .xb11, .line-small .xb12 {
	position: relative;
	min-height: 1px;
	padding-right: 2px;
	padding-left: 2px
}
.x1, .x2, .x3, .x4, .x5, .x6, .x7, .x8, .x9, .x10, .x11, .x12 {
	float: left
}
.x1 {
	width: 8.33333333%
}
.x2 {
	width: 16.66666667%
}
.x3 {
	width: 25%
}
.x4 {
	width: 33.33333333%
}
.x5 {
	width: 41.66666667%
}
.x6 {
	width: 50%
}
.x7 {
	width: 58.33333333%
}
.x8 {
	width: 66.66666667%
}
.x9 {
	width: 75%
}
.x10 {
	width: 83.33333333%
}
.x11 {
	width: 91.66666667%
}
.x12 {
	width: 100%
}
.x0-left {
	left: 0
}
.x1-left {
	left: 8.33333333%
}
.x2-left {
	left: 16.66666667%
}
.x3-left {
	left: 25%
}
.x4-left {
	left: 33.33333333%
}
.x5-left {
	left: 41.66666667%
}
.x6-left {
	left: 50%
}
.x7-left {
	left: 58.33333333%
}
.x8-left {
	left: 66.66666667%
}
.x9-left {
	left: 75%
}
.x10-left {
	left: 83.33333333%
}
.x11-left {
	left: 91.66666667%
}
.x12-left {
	left: 100%
}
.x0-right {
	right: 0
}
.x1-right {
	right: 8.33333333%
}
.x2-right {
	right: 16.66666667%
}
.x3-right {
	right: 25%
}
.x4-right {
	right: 33.33333333%
}
.x5-right {
	right: 41.66666667%
}
.x6-right {
	right: 50%
}
.x7-right {
	right: 58.33333333%
}
.x8-right {
	right: 66.66666667%
}
.x9-right {
	right: 75%
}
.x10-right {
	right: 83.33333333%
}
.x11-right {
	right: 91.66666667%
}
.x12-right {
	right: 100%
}
.x0-move {
	margin-left: 0
}
.x1-move {
	margin-left: 8.33333333%
}
.x2-move {
	margin-left: 16.66666667%
}
.x3-move {
	margin-left: 25%
}
.x4-move {
	margin-left: 33.33333333%
}
.x5-move {
	margin-left: 41.66666667%
}
.x6-move {
	margin-left: 50%
}
.x7-move {
	margin-left: 58.33333333%
}
.x8-move {
	margin-left: 66.66666667%
}
.x9-move {
	margin-left: 75%
}
.x10-move {
	margin-left: 83.33333333%
}
.x11-move {
	margin-left: 91.66666667%
}
.x12-move {
	margin-left: 100%
}
@media(min-width:300px) {
.xl1, .xl2, .xl3, .xl4, .xl5, .xl6, .xl7, .xl8, .xl9, .xl10, .xl11, .xl12 {
	float: left
}
.xl1 {
	width: 8.33333333%
}
.xl2 {
	width: 16.66666667%
}
.xl3 {
	width: 25%
}
.xl4 {
	width: 33.33333333%
}
.xl5 {
	width: 41.66666667%
}
.xl6 {
	width: 50%
}
.xl7 {
	width: 58.33333333%
}
.xl8 {
	width: 66.66666667%
}
.xl9 {
	width: 75%
}
.xl10 {
	width: 83.33333333%
}
.xl11 {
	width: 91.66666667%
}
.xl12 {
	width: 100%
}
.xl0-left {
	left: 0
}
.xl1-left {
	left: 8.33333333%
}
.xl2-left {
	left: 16.66666667%
}
.xl3-left {
	left: 25%
}
.xl4-left {
	left: 33.33333333%
}
.xl5-left {
	left: 41.66666667%
}
.xl6-left {
	left: 50%
}
.xl7-left {
	left: 58.33333333%
}
.xl8-left {
	left: 66.66666667%
}
.xl9-left {
	left: 75%
}
.xl10-left {
	left: 83.33333333%
}
.xl11-left {
	left: 91.66666667%
}
.xl12-left {
	left: 100%
}
.xl0-right {
	right: 0
}
.xl1-right {
	right: 8.33333333%
}
.xl2-right {
	right: 16.66666667%
}
.xl3-right {
	right: 25%
}
.xl4-right {
	right: 33.33333333%
}
.xl5-right {
	right: 41.66666667%
}
.xl6-right {
	right: 50%
}
.xl7-right {
	right: 58.33333333%
}
.xl8-right {
	right: 66.66666667%
}
.xl9-right {
	right: 75%
}
.xl10-right {
	right: 83.33333333%
}
.xl11-right {
	right: 91.66666667%
}
.xl12-right {
	right: 100%
}
.xl0-move {
	margin-left: 0
}
.xl1-move {
	margin-left: 8.33333333%
}
.xl2-move {
	margin-left: 16.66666667%
}
.xl3-move {
	margin-left: 25%
}
.xl4-move {
	margin-left: 33.33333333%
}
.xl5-move {
	margin-left: 41.66666667%
}
.xl6-move {
	margin-left: 50%
}
.xl7-move {
	margin-left: 58.33333333%
}
.xl8-move {
	margin-left: 66.66666667%
}
.xl9-move {
	margin-left: 75%
}
.xl10-move {
	margin-left: 83.33333333%
}
.xl11-move {
	margin-left: 91.66666667%
}
.xl12-move {
	margin-left: 100%
}
}
@media(min-width:760px) {
.xs1, .xs2, .xs3, .xs4, .xs5, .xs6, .xs7, .xs8, .xs9, .xs10, .xs11, .xs12 {
	float: left
}
.xs1 {
	width: 8.33333333%
}
.xs2 {
	width: 16.66666667%
}
.xs3 {
	width: 25%
}
.xs4 {
	width: 33.33333333%
}
.xs5 {
	width: 41.66666667%
}
.xs6 {
	width: 50%
}
.xs7 {
	width: 58.33333333%
}
.xs8 {
	width: 66.66666667%
}
.xs9 {
	width: 75%
}
.xs10 {
	width: 83.33333333%
}
.xs11 {
	width: 91.66666667%
}
.xs12 {
	width: 100%
}
.xs0-left {
	left: 0
}
.xs1-left {
	left: 8.33333333%
}
.xs2-left {
	left: 16.66666667%
}
.xs3-left {
	left: 25%
}
.xs4-left {
	left: 33.33333333%
}
.xs5-left {
	left: 41.66666667%
}
.xs6-left {
	left: 50%
}
.xs7-left {
	left: 58.33333333%
}
.xs8-left {
	left: 66.66666667%
}
.xs9-left {
	left: 75%
}
.xs10-left {
	left: 83.33333333%
}
.xs11-left {
	left: 91.66666667%
}
.xs12-left {
	left: 100%
}
.xs0-right {
	right: 0
}
.xs1-right {
	right: 8.33333333%
}
.xs2-right {
	right: 16.66666667%
}
.xs3-right {
	right: 25%
}
.xs4-right {
	right: 33.33333333%
}
.xs5-right {
	right: 41.66666667%
}
.xs6-right {
	right: 50%
}
.xs7-right {
	right: 58.33333333%
}
.xs8-right {
	right: 66.66666667%
}
.xs9-right {
	right: 75%
}
.xs10-right {
	right: 83.33333333%
}
.xs11-right {
	right: 91.66666667%
}
.xs12-right {
	right: 100%
}
.xs0-move {
	margin-left: 0
}
.xs1-move {
	margin-left: 8.33333333%
}
.xs2-move {
	margin-left: 16.66666667%
}
.xs3-move {
	margin-left: 25%
}
.xs4-move {
	margin-left: 33.33333333%
}
.xs5-move {
	margin-left: 41.66666667%
}
.xs6-move {
	margin-left: 50%
}
.xs7-move {
	margin-left: 58.33333333%
}
.xs8-move {
	margin-left: 66.66666667%
}
.xs9-move {
	margin-left: 75%
}
.xs10-move {
	margin-left: 83.33333333%
}
.xs11-move {
	margin-left: 91.66666667%
}
.xs12-move {
	margin-left: 100%
}
}
@media(min-width:1000px) {
.xm1, .xm2, .xm3, .xm4, .xm5, .xm6, .xm7, .xm8, .xm9, .xm10, .xm11, .xm12 {
	float: left
}
.xm1 {
	width: 8.33333333%
}
.xm2 {
	width: 16.66666667%
}
.xm3 {
	width: 25%
}
.xm4 {
	width: 33.33333333%
}
.xm5 {
	width: 41.66666667%
}
.xm6 {
	width: 50%
}
.xm7 {
	width: 58.33333333%
}
.xm8 {
	width: 66.66666667%
}
.xm9 {
	width: 75%
}
.xm10 {
	width: 83.33333333%
}
.xm11 {
	width: 91.66666667%
}
.xm12 {
	width: 100%
}
.xm0-left {
	left: 0
}
.xm1-left {
	left: 8.33333333%
}
.xm2-left {
	left: 16.66666667%
}
.xm3-left {
	left: 25%
}
.xm4-left {
	left: 33.33333333%
}
.xm5-left {
	left: 41.66666667%
}
.xm6-left {
	left: 50%
}
.xm7-left {
	left: 58.33333333%
}
.xm8-left {
	left: 66.66666667%
}
.xm9-left {
	left: 75%
}
.xm10-left {
	left: 83.33333333%
}
.xm11-left {
	left: 91.66666667%
}
.xm12-left {
	left: 100%
}
.xm0-right {
	right: 0
}
.xm1-right {
	right: 8.33333333%
}
.xm2-right {
	right: 16.66666667%
}
.xm3-right {
	right: 25%
}
.xm4-right {
	right: 33.33333333%
}
.xm5-right {
	right: 41.66666667%
}
.xm6-right {
	right: 50%
}
.xm7-right {
	right: 58.33333333%
}
.xm8-right {
	right: 66.66666667%
}
.xm9-right {
	right: 75%
}
.xm10-right {
	right: 83.33333333%
}
.xm11-right {
	right: 91.66666667%
}
.xm12-right {
	right: 100%
}
.xm0-move {
	margin-left: 0
}
.xm1-move {
	margin-left: 8.33333333%
}
.xm2-move {
	margin-left: 16.66666667%
}
.xm3-move {
	margin-left: 25%
}
.xm4-move {
	margin-left: 33.33333333%
}
.xm5-move {
	margin-left: 41.66666667%
}
.xm6-move {
	margin-left: 50%
}
.xm7-move {
	margin-left: 58.33333333%
}
.xm8-move {
	margin-left: 66.66666667%
}
.xm9-move {
	margin-left: 75%
}
.xm10-move {
	margin-left: 83.33333333%
}
.xm11-move {
	margin-left: 91.66666667%
}
.xm12-move {
	margin-left: 100%
}
}
@media(min-width:1200px) {
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7, .xb8, .xb9, .xb10, .xb11, .xb12 {
	float: left
}
.xb1 {
	width: 8.33333333%
}
.xb2 {
	width: 16.66666667%
}
.xb3 {
	width: 25%
}
.xb4 {
	width: 33.33333333%
}
.xb5 {
	width: 41.66666667%
}
.xb6 {
	width: 50%
}
.xb7 {
	width: 58.33333333%
}
.xb8 {
	width: 66.66666667%
}
.xb9 {
	width: 75%
}
.xb10 {
	width: 83.33333333%
}
.xb11 {
	width: 91.66666667%
}
.xb12 {
	width: 100%
}
.xb0-left {
	left: 0
}
.xb1-left {
	left: 8.33333333%
}
.xb2-left {
	left: 16.66666667%
}
.xb3-left {
	left: 25%
}
.xb4-left {
	left: 33.33333333%
}
.xb5-left {
	left: 41.66666667%
}
.xb6-left {
	left: 50%
}
.xb7-left {
	left: 58.33333333%
}
.xb8-left {
	left: 66.66666667%
}
.xb9-left {
	left: 75%
}
.xb10-left {
	left: 83.33333333%
}
.xb11-left {
	left: 91.66666667%
}
.xb12-left {
	left: 100%
}
.xb0-right {
	right: 0
}
.xb1-right {
	right: 8.33333333%
}
.xb2-right {
	right: 16.66666667%
}
.xb3-right {
	right: 25%
}
.xb4-right {
	right: 33.33333333%
}
.xb5-right {
	right: 41.66666667%
}
.xb6-right {
	right: 50%
}
.xb7-right {
	right: 58.33333333%
}
.xb8-right {
	right: 66.66666667%
}
.xb9-right {
	right: 75%
}
.xb10-right {
	right: 83.33333333%
}
.xb11-right {
	right: 91.66666667%
}
.xb12-right {
	right: 100%
}
.xb0-move {
	margin-left: 0
}
.xb1-move {
	margin-left: 8.33333333%
}
.xb2-move {
	margin-left: 16.66666667%
}
.xb3-move {
	margin-left: 25%
}
.xb4-move {
	margin-left: 33.33333333%
}
.xb5-move {
	margin-left: 41.66666667%
}
.xb6-move {
	margin-left: 50%
}
.xb7-move {
	margin-left: 58.33333333%
}
.xb8-move {
	margin-left: 66.66666667%
}
.xb9-move {
	margin-left: 75%
}
.xb10-move {
	margin-left: 83.33333333%
}
.xb11-move {
	margin-left: 91.66666667%
}
.xb12-move {
	margin-left: 100%
}
}

.inner-menu{display: none;}
@media (min-width: 768px){.inner-menu{display: block !important;}}
/* 首页产品展示 end*/





/*首页家具展示20210421*/


 .yqcont {
	float:left;
	width:25%;
	box-sizing:border-box;
	padding:5px;
	
}
.containerss {
	width:100%;
}
.case-txts {
	font-size:14px;
	text-align:center;
	color:#666666;
	line-height:1;
	margin-top:25px;
	margin-bottom:25px;
	/*padding-left:5px;*/
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	-webkit-transition:all .4s ease-out;
	-o-transition:all .4s ease-out;
	transition:all .4s ease-out;
}
@media (max-width:615px ) {

.yqcont {
	float:left;
	width:100%;/*33%;*/
	box-sizing:border-box;
	padding:5px;
	
}
}

@media (max-width:465px ) {

.yqcont {
	float:left;
	width:100%;
	box-sizing:border-box;
	padding:5px;
	
}
}

@media (max-width:325px ) {
.yqcont {
	float:left;
	width:100%;
	box-sizing:border-box;
	padding:5px;
}
}

@media (max-width:480px) {
.case-txts {
	margin-top:10px;
	margin-bottom:10px;
}
}

@media (max-width:768px) {

.case-txts {
	font-size:14px;
}

}

@media (max-width:1200px) {
	.case-txts {
	margin-top:10px;
	margin-bottom:10px;
}
}